<template>
    <div>
        <div class="title">周末去哪</div>
        <div class="quna border-bottom" v-for="item in list" :key="item.id">
            <img class="quna-img" :src="item.imgUrl" alt="">
            <div class="desc-wrap">
                <h3 class="desc-h3">{{item.title}}</h3>
                <p class="desc-p">{{item.desc}}</p>
            </div>
        </div>
    </div>  
</template>
<script>
export default {
    name: "HomeWeekend",
    props: ["list"]
}
</script>
<style lang="stylus" scoped>
    @import '~styles/mixins.styl'
    .title
        background-color #eeeeee
        line-height .8rem
        text-indent .2rem
        font-size .28rem
    .quna-img
        width 100%
    .desc-wrap
        padding: .14rem .2rem .2rem .2rem;
        .desc-h3
            height .6rem
            line-height .6rem
            font-size .28rem
        .desc-p
            line-height .6rem
            ellipsis()
            color #616161

</style>
